<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
		"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title></title>
	<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
	<script type="text/javascript" src="../internal.js"></script>
	<style type="text/css">
		.warpper {
			position: relative;
			width: 380px;
			height: 100%;
			margin: 10px auto;
		}

		.tabbody {
			height: 160px;
		}

		.tabbody table {
			width: 100%;
			border-collapse: separate;
			border-spacing: 3px;
		}

		.tabbody .panel {
			width: 373px;
			height: 100%;
			padding-left: 5px;
			position: absolute;
			background-color: #fff;
		}

		.tabbody input.int {
			width: 190px;
			height: 21px;
			border: 1px solid #d7d7d7;
			line-height: 21px;
		}

		.tabbody input.btn {
			padding: 0 5px;
			text-align: center;
			line-height: 24px;
			text-decoration: none;
			height: 24px;
			background: url("../../themes/default/images/dialog-title-bg.png") repeat-x;
			border: 1px solid #ccc;
		}
	</style>
</head>
<body>
<div class="warpper" id="searchtab">
	<div id="head" class="tabhead">
		<span tabsrc="find" class="focus"><var id="lang_tab_search"></var></span>
		<span tabsrc="replace"><var id="lang_tab_replace"></var></span>
	</div>
	<div class="tabbody">
		<div class="panel" id="find">
			<table>
				<tr>
					<td width="80"><var id="lang_search1"></var>:</td>
					<td><input id="findtxt" type="text" class="int"/></td>
				</tr>
				<!--<tr>-->

				<!--<td colspan="2"><span style="color:red"><var id="lang_searchReg"></var></span></td>-->
				<!--</tr>-->
				<tr>
					<td><var id="lang_case_sensitive1"></var></td>
					<td>
						<input id="matchCase" type="checkbox"/>
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<input id="nextFindBtn" type="button" class="btn"/>
						<input id="preFindBtn" type="button" class="btn"/>
					</td>
				</tr>
				<tr>
					<td colspan="2">
						&nbsp;
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<span id="search-msg" style="color:red"></span>
					</td>
				</tr>
			</table>
		</div>
		<div class="panel" id="replace">
			<table>
				<tr>
					<td width="80"><var id="lang_search2"></var>:</td>
					<td><input id="findtxt1" type="text" class="int"/></td>
				</tr>
				<!--<tr>-->

				<!--<td colspan="2"><span style="color:red"><var id="lang_searchReg1"></var></span></td>-->
				<!--</tr>-->
				<tr>
					<td><var id="lang_replace"></var>:</td>
					<td><input id="replacetxt" type="text" class="int"/></td>
				</tr>
				<tr>
					<td><var id="lang_case_sensitive2"></var></td>
					<td>
						<input id="matchCase1" type="checkbox"/>
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<input id="nextReplaceBtn" type="button" class="btn"/>
						<input id="preReplaceBtn" type="button" class="btn"/>
						<input id="repalceBtn" type="button" class="btn"/>
						<input id="repalceAllBtn" type="button" class="btn"/>
					</td>
				</tr>
				<tr>
					<td colspan="2">
						&nbsp;
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<span id="replace-msg" style="color:red"></span>
					</td>
				</tr>
			</table>
		</div>
	</div>
</div>
<script type="text/javascript" src="searchreplace.js"></script>
</body>
</html>